
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>纯css立体空间浮动网页特效 www.bootstrapmb.com</title>
<!--  <link rel="stylesheet" href="style.css">-->
    <link rel="stylesheet" th:href="@{/css/style2.css}">
</head>
<body>
<!-- partial:index.partial.html -->
<div id="dice">
    <div id="d4-wrap">
        <div id="d4">
            <div class="d4" data-side="1"><div data-number="2"></div><div data-number="3"></div><div data-number="4"></div></div>
            <div class="d4" data-side="2"><div data-number="1"></div><div data-number="3"></div><div data-number="4"></div></div>
            <div class="d4" data-side="3"><div data-number="1"></div><div data-number="2"></div><div data-number="4"></div></div>
            <div class="d4" data-side="4"><div data-number="1"></div><div data-number="2"></div><div data-number="3"></div></div>
        </div>
    </div>
    <div id="d6-wrap">
        <div id="d6">
            <div class="d6" data-side="1"></div>
            <div class="d6" data-side="2"></div>
            <div class="d6" data-side="3"></div>
            <div class="d6" data-side="4"></div>
            <div class="d6" data-side="5"></div>
            <div class="d6" data-side="6"></div>
        </div>
    </div>
    <div id="d8-wrap">
        <div id="d8">
            <div class="d8" data-side="1"></div>
            <div class="d8" data-side="2"></div>
            <div class="d8" data-side="3"></div>
            <div class="d8" data-side="4"></div>
            <div class="d8" data-side="5"></div>
            <div class="d8" data-side="6"></div>
            <div class="d8" data-side="7"></div>
            <div class="d8" data-side="8"></div>
        </div>
    </div>
    <div id="d10-wrap">
        <div id="d10">
            <div class="d10" data-side="1"></div>
            <div class="d10" data-side="2"></div>
            <div class="d10" data-side="3"></div>
            <div class="d10" data-side="4"></div>
            <div class="d10" data-side="5"></div>
            <div class="d10" data-side="6"></div>
            <div class="d10" data-side="7"></div>
            <div class="d10" data-side="8"></div>
            <div class="d10" data-side="9"></div>
            <div class="d10" data-side="10"></div>
        </div>
    </div>
    <div id="d12-wrap">
        <div id="d12">
            <div class="d12" data-side="1"></div>
            <div class="d12" data-side="2"></div>
            <div class="d12" data-side="3"></div>
            <div class="d12" data-side="4"></div>
            <div class="d12" data-side="5"></div>
            <div class="d12" data-side="6"></div>
            <div class="d12" data-side="7"></div>
            <div class="d12" data-side="8"></div>
            <div class="d12" data-side="9"></div>
            <div class="d12" data-side="10"></div>
            <div class="d12" data-side="11"></div>
            <div class="d12" data-side="12"></div>
        </div>
    </div>
    <div id="d20-wrap">
        <div id="d20">
            <div class="d20" data-side="1"></div>
            <div class="d20" data-side="2"></div>
            <div class="d20" data-side="3"></div>
            <div class="d20" data-side="4"></div>
            <div class="d20" data-side="5"></div>
            <div class="d20" data-side="6"></div>
            <div class="d20" data-side="7"></div>
            <div class="d20" data-side="8"></div>
            <div class="d20" data-side="9"></div>
            <div class="d20" data-side="10"></div>
            <div class="d20" data-side="11"></div>
            <div class="d20" data-side="12"></div>
            <div class="d20" data-side="13"></div>
            <div class="d20" data-side="14"></div>
            <div class="d20" data-side="15"></div>
            <div class="d20" data-side="16"></div>
            <div class="d20" data-side="17"></div>
            <div class="d20" data-side="18"></div>
            <div class="d20" data-side="19"></div>
            <div class="d20" data-side="20"></div>
        </div>
    </div>
</div>
<!-- my extra 15 divs - free to a good home -->
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<!-- partial -->
  
</body>
</html>
